.calendar {
  .calendar_border {
    margin: 50rpx;

    .calendar_item {
      margin-top: 50rpx;
      padding: 20rpx;
      border-radius: 10rpx;
      display: flex;
      height: 200rpx;
      line-height: 100rpx;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-color: white;

      view {
        flex: 1;
      }

      .left {
        .top {
          font-weight: bold;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          max-width: 450rpx;
        }
      }

      .right {
        text-align: right;

        .text {
          font-size: 20rpx;
        }

        .bottom {
          .days {
            font-weight: bold;
            font-size: 60rpx;
            color: #ea8777;
          }
        }
      }
    }
  }
}

.add_body {
  height: 100%;
  margin: 20rpx;

  .form {
    margin-top: 40rpx;

    .title {
      text-align: center;
      margin: 40rpx 0 40rpx 0;
    }
  }

  .button {
    display: flex;

    van-button {
      flex: 1;
      margin: 50rpx 20rpx 0 20rpx;
    }
  }
}